import type { Component } from "solid-js";
import KnotBg from "~/com/knot-bg";
import { IconStar } from "./components/star";
import { useRoutes } from "@solidjs/router";
import routes from "./router";

const App: Component = () => {
  const Routes = useRoutes(routes);
  return (
    <>
      <div class="flex justify-center w-full">
        <IconStar />
      </div>
      <div class="flex items-center flex-col">
        <Routes />
      </div>
      <KnotBg size={6} margin={10} color="#ee7959" bg="#FAF6F4" />
    </>
  );
};

export default App;
